<!DOCTYPE html>
<html>
<head lang="en">
<script type="text/javascript" src="js/jquery.js"></script> 
    <meta charset="UTF-8">
    <title>超市账单管理系统</title>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/style.css"/>
<script type="text/javascript">  
		
$(function (){
var $qj=null;
$('#r4').bind("click", function(){
	  $.getJSON("Jsonprovider?opr=searchAll",function(data){
	  
  $(data).each(function(i,t){
  		
  		$("#r3").append("<tr><td>"+t.proCode+"</td>"+"<td>"+t.proName+"</td>"+"<td>"+t.proContact+"</td>"+"<td>"+t.proPhone+"</td>"+"<td>"+t.proFax+"</td>"+"<td>"+t.creationDate+"</td>"+"<td>"+"<a href='providerView.html'><img src='img/read.png' alt='查看' title='查看'/></a><a href='#' class='c1' id="+t.id+"> <img src='img/xiugai.png' alt='修改' title='修改'/></a><a href='#' class='removeProvider' name="+t.id+"><img src='img/schu.png' alt='删除' title='删除'/></a></td></tr>");
  	});
  });});

$("#r3").on("click",".removeProvider",function(){
	$qj=$(this).attr("name");
	alert($qj);
	//var $jia='?opr=remove'+'&id='+ $qj ;
	var $jia='id='+$qj+'&'+'opr='+ 'remove' ;
 	alert($jia);
 	$.getJSON("Jsonprovider",$jia,function(data){
 		 alert(data);
 	});
 　　return true;
});

$("#r3").on("click",".c1",function(){
	$qj=$(this).attr("id");
	$("#r3").hide();
	$("#rr").empty();
	$("#rr").load('providerUpdate.html .providerAdd');
});

$(".search").on("click","#rd",function(){
	$("#r3").hide();
	$("#rr").empty();
	$("#rr").load('providerAdd.html .providerAdd');
});

 //$("#rn").click(function (){
 $("#rr").on("click","#rn",function(){
  
  　　if($("#providerId").val().trim().length == 0)
  {
 　　alert("供应商编码未输入有效字符");
 　　$("#providerId").focus();
 　　return false;
 }
 else if($("#providerName").val().trim().length == 0)
 {
　　alert("供应商名字未输入有效字符");
 　　$("#providerName").focus();
 　　return false;
 }
 else if($("#people").val().trim().length == 0)
 {
　　alert("联系人未输入有效字符");
 　　$("#people").focus();
 　　return false;
 }
  else if($("#phone").val().trim().length == 0)
 {
　　alert("联系电话未输入有效字符");
 　　$("#phone").focus();
 　　return false;
 }
   else if($("#address").val().trim().length == 0)
 {
　　alert("地址未输入有效字符");
 　　$("#address").focus();
 　　return false;
 }
   else if($("#fax").val().trim().length == 0)
 {
　　alert("传真未输入有效字符");
 　　$("#fax").focus();
 　　return false;
 }
   else if($("#describe").val().trim().length == 0)
 {
　　alert("描述未输入有效字符");
 　　$("#describe").focus();
 　　return false;
 }
 else
 {
 　　//alert("Thank you for your advice! You will get out reply in 24 hours for advice:\n"+$("#advice").val());
 	  //alert("通过");
 	var $i=$("#rf").find(":input");	
 	var $qs=$i.serialize();
 	/*var $str = '{ "id":'+ $qj +'}'; 
 	var $obj = $str.parseJSON();
 	var $obj1=$qs.parseJSON();
 	var $scj= $.extend({}, $obj,  $obj1);
 	var $zfc=JSON.stringify($scj);*/
 	//$.post() 
 	//alert($qj);
 	var $jia=$qs+'&'+'id='+ $qj ;
 	alert($jia);
 	$.getJSON("Jsonprovider",$jia,function(data){
 		// alert(data);
 	});
 　　return true;
 }
 
 });
 
  $("#rr").on("click","#rb",function(){
  
  　　if($("#providerId").val().trim().length == 0)
  {
 　　alert("供应商编码未输入有效字符");
 　　$("#providerId").focus();
 　　return false;
 }
 else if($("#providerName").val().trim().length == 0)
 {
　　alert("供应商名字未输入有效字符");
 　　$("#providerName").focus();
 　　return false;
 }
 else if($("#people").val().trim().length == 0)
 {
　　alert("联系人未输入有效字符");
 　　$("#people").focus();
 　　return false;
 }
  else if($("#phone").val().trim().length == 0)
 {
　　alert("联系电话未输入有效字符");
 　　$("#phone").focus();
 　　return false;
 }
   else if($("#address").val().trim().length == 0)
 {
　　alert("地址未输入有效字符");
 　　$("#address").focus();
 　　return false;
 }
   else if($("#fax").val().trim().length == 0)
 {
　　alert("传真未输入有效字符");
 　　$("#fax").focus();
 　　return false;
 }
   else if($("#describe").val().trim().length == 0)
 {
　　alert("描述未输入有效字符");
 　　$("#describe").focus();
 　　return false;
 }
 else
 {
 　　//alert("Thank you for your advice! You will get out reply in 24 hours for advice:\n"+$("#advice").val());
 	  //alert("通过");
 	var $i=$("#rk").find(":input");	
 	var $qs=$i.serialize();
 	/*var $str = '{ "id":'+ $qj +'}'; 
 	var $obj = $str.parseJSON();
 	var $obj1=$qs.parseJSON();
 	var $scj= $.extend({}, $obj,  $obj1);
 	var $zfc=JSON.stringify($scj);*/
 	//$.post() 
 	//alert($qj);
 	var $jia=$qs+'&'+'opr='+ 'addProvider' ;
 		alert($jia);
 	$.getJSON("Jsonprovider",$jia,function(data){
 		// alert(data);
 	});
 　　return true;
 }
 
 });
 
});
</script>     
</head>
<body>
<!--头部-->
<header class="publicHeader">
    <h1>超市账单管理系统</h1>
		
    <div class="publicHeaderR">
        <p><span>下午好！</span><span style="color: #fff21b"> Admin</span> , 欢迎你！</p>
        <a href="login.html">退出</a>
    </div>
</header>
<!--时间-->
<section class="publicTime">
    <span id="time">2015年1月1日 11:11  星期一</span>
    <a href="#">温馨提示：为了能正常浏览，请使用高版本浏览器！（IE10+）</a>
</section>
<!--主体内容-->
<section class="publicMian ">
    <div class="left">
        <h2 class="leftH2"><span class="span1"></span>功能列表 <span></span></h2>
        <nav>
            <ul class="list">
                <li><a href="billList.html">账单管理</a></li>
                <li id="active"><a href="providerList.html">供应商管理</a></li>
                <li><a href="userList.html">用户管理</a></li>
                <li><a href="password.html">密码修改</a></li>
                <li><a href="login.html">退出系统</a></li>
            </ul>
        </nav>
    </div>
    <div class="right">
        <div class="location">
            <strong>你现在所在的位置是:</strong>
            <span>供应商管理</span>
        </div>
        <div class="search">
            <span>供应商名称：</span>
            <input type="text" placeholder="请输入供应商的名称"/>
            <input type="button" id="r4" value="查询"/>
            <a href="#" id="rd">添加供应商</a>
        </div>
        <!--供应商操作表格-->
        <div id='rr'></div>
        <table class="providerTable" id="r3" cellpadding="0" cellspacing="0">
            <tr class="firstTr">
                <th width="10%">供应商编码</th>
                <th width="20%">供应商名称</th>
                <th width="10%">联系人</th>
                <th width="10%">联系电话</th>
                <th width="10%">传真</th>
                <th width="10%">创建时间</th>
                <th width="30%">操作</th>
            </tr>
           <!-- <tr>
                <td>PRO_CODE_001</td>
                <td>北京市粮油总公司</td>
                <td>刘备</td>
                <td>15918230478</td>
                <td>0551-629976534</td>
                <td>2015-11-12</td>
                <td>
                    <a href="providerView.html"><img src="img/read.png" alt="查看" title="查看"/></a>
                    <a href="providerUpdate.html"><img src="img/xiugai.png" alt="修改" title="修改"/></a>
                    <a href="#" class="removeProvider"><img src="img/schu.png" alt="删除" title="删除"/></a>
                </td>
            </tr>
        
            <tr>
                <td>PRO_CODE_002</td>
                <td>邯郸市五得利面粉厂</td>
                <td>张飞</td>
                <td>15324490358</td>
                <td>0551-629976535</td>
                <td>2015-11-16</td>
                <td>
                    <a href="providerView.html"><img src="img/read.png" alt="查看" title="查看"/></a>
                    <a href="providerUpdate.html"><img src="img/xiugai.png" alt="修改" title="修改"/></a>
                    <a href="#" class="removeProvider"><img src="img/schu.png" alt="删除" title="删除"/></a>
                </td>
            </tr>
			<tr>
                <td>PRO_CODE_003</td>
                <td>深圳市华德防伪技术开发有限公司</td>
                <td>关羽</td>
                <td>136-3264-3203</td>
                <td>0551-629976536</td>
                <td>2016-04-22</td>
                <td>
                    <a href="providerView.html"><img src="img/read.png" alt="查看" title="查看"/></a>
                    <a href="providerUpdate.html"><img src="img/xiugai.png" alt="修改" title="修改"/></a>
                    <a href="#" class="removeProvider"><img src="img/schu.png" alt="删除" title="删除"/></a>
                </td>
            </tr>-->
      
        </table>

    </div>
</section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeProv">
   <div class="removerChid">
       <h2>提示</h2>
       <div class="removeMain" >
           <p>你确定要删除该供应商吗？</p>
           <a href="#" id="yes">确定</a>
           <a href="#" id="no">取消</a>
       </div>
   </div>
</div>


<footer class="footer">
    版权归北大青鸟
</footer>

<script src="js/jquery.js"></script>
<script src="js/js.js"></script>
<script src="js/time.js"></script>

</body>
</html>